<template>
    <div class="app-container">
        <el-row>
            <el-col :span="12" style="background:white">
                <!-- 补贴单信息 -->
                <h5 class="titleInfo">
                    补贴单信息
                </h5>
                <el-form ref="list1" :inline="true" :model="list1" label-width="150px">
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="补贴单号">
                                <span class="spanToInput">{{list1.nickName | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="预约医院">
                                <span class="spanToInput">{{list1.username | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="预约项目">
                                <span class="spanToInput">{{list1.username | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="单数">
                                <span class="spanToInput">{{list1.username | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="创建时间">
                                <span class="spanToInput">{{list1.realname | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="流水时间">
                                <span class="spanToInput">{{list1.sex | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
                <!-- 业绩奖励 -->
                <h5 class="titleInfo">
                    业绩奖励
                </h5>
                <el-form ref="list1" :inline="true" :model="list1" label-width="150px">
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="一级人员">
                                <span class="spanToInput">{{list1.refereeName | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="人员级别">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励比例(%)">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="补贴金额">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="二级人员">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="人员级别">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励比例(%)">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="补贴金额">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
                <!-- 团队奖励 -->
                <h5 class="titleInfo">
                    团队奖励
                </h5>
                <el-form ref="list1" :inline="true" :model="list1" label-width="150px">
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="奖励人员">
                                <span class="spanToInput">{{list1.refereeName | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="人员级别">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励比例(%)">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="补贴金额">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励人员">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="人员级别">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励比例(%)">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="补贴金额">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
                <!-- 区域奖励 -->
                <h5 class="titleInfo">
                    区域奖励
                </h5>
                <el-form ref="list1" :inline="true" :model="list1" label-width="150px">
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="奖励人员">
                                <span class="spanToInput">{{list1.refereeName | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="人员级别">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励比例(%)">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="补贴金额">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励人员">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="人员级别">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励比例(%)">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="补贴金额">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
                <!-- 二单奖励 -->
                <h5 class="titleInfo">
                    二单奖励
                </h5>
                <el-form ref="list1" :inline="true" :model="list1" label-width="150px">
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="奖励人员">
                                <span class="spanToInput">{{list1.refereeName | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="人员级别">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励比例(%)">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="补贴金额">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励人员">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="人员级别">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励比例(%)">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="补贴金额">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
                <!-- 分公司奖励 -->
                <h5 class="titleInfo">
                    分公司奖励
                </h5>
                <el-form ref="list1" :inline="true" :model="list1" label-width="150px">
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="公司奖励">
                                <span class="spanToInput">{{list1.refereeName | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="公司电话">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励比例(%)">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="省级金额">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
                <!-- 试用奖励 -->
                <h5 class="titleInfo">
                    试用奖励
                </h5>
                <el-form ref="list1" :inline="true" :model="list1" label-width="150px">
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="奖励人员">
                                <span class="spanToInput">{{list1.refereeName | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="人员级别">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="奖励比例(%)">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="补贴金额">
                                <span class="spanToInput">{{list1.referee | filterNull}}</span>
                            </el-form-item>
                        </el-col>
                        <el-col :span="24">
                            <el-form-item>
                                <el-button style="margin-top:30px;margin-left:130px" type="primary" @click="dialogAudit=true" >审核</el-button>
                            </el-form-item>
                        </el-col>
                        <!-- 审核弹窗 -->
                        <el-dialog
                            title="审批"
                            :visible.sync="dialogAudit"
                            width="468px">
                            <!-- 输入框 -->
                            <el-form :inline="true"
                            label-width="80px"
                            label-position="right"
                            >
                                <el-input
                                    type="textarea"
                                    :rows="6"
                                    placeholder="请输入审批意见">
                                </el-input>
                            </el-form>
                            <span slot="footer" class="dialog-footer">
                                <el-button @click="auditClose()">取 消</el-button>
                                <el-button type="primary" @click="auditSubmit()">确 定</el-button>
                            </span>
                        </el-dialog>
                    </el-row>
                </el-form>
            </el-col>
            <el-col :span="11" style="margin-left:20px">
                <div class="divRecom">
                    <h4 class="recommend">当前推荐关系</h4>
                    <div class="divFor">
                        <div class="divBox">15011363946 张三 美学设计师</div>
                        <div class="arrow">↓</div>
                    </div><div class="divFor">
                        <div class="divBox">15011363946 张三 美学设计师</div>
                        <div class="arrow">↓</div>
                    </div><div class="divFor">
                        <div class="divBox">15011363946 张三 美学设计师</div>
                        <div class="arrow">↓</div>
                    </div><div class="divFor">
                        <div class="divBox">15011363946 张三 美学设计师</div>
                        <div class="arrow">↓</div>
                    </div>
                    <div class="divEnd">
                        <div class="divBox">无</div>
                    </div>
                </div>
                <div class="divRecom">
                    <h4 class="recommend">流水单推荐关系</h4>
                    <div class="divFor">
                        <div class="divBox">15011363946 张三 美学设计师</div>
                        <div class="arrow">↓</div>
                    </div><div class="divFor">
                        <div class="divBox">15011363946 张三 美学设计师</div>
                        <div class="arrow">↓</div>
                    </div><div class="divFor">
                        <div class="divBox">15011363946 张三 美学设计师</div>
                        <div class="arrow">↓</div>
                    </div><div class="divFor">
                        <div class="divBox">15011363946 张三 美学设计师</div>
                        <div class="arrow">↓</div>
                    </div>
                    <div class="divEnd">
                        <div class="divBox">无</div>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
</template>
<script>
    import { vipInfo } from '@/api/vipInfo' 
    export default {
        name:"subsidyManageRecheck",
        data(){
            return {
                val:"1",
                userId:"",
                list1:{},
                list2:[],
                list3:{},
                dialogAudit:false,
                tableData: [{
                        date: '2016-05-02',
                        name: '王小虎'
                    }, {
                        date: '2016-05-04',
                        name: '王小虎'
                    }, {
                        date: '2016-05-01',
                        name: '王小虎'
                    }, {
                        date: '2016-05-03',
                        name: '王小虎'
                }]
            }
        },
        filters:{
            filterNull(e) {
                if(!e){
                    return "暂无"
                }else{
                    return e
                }
            },
            cardNull(e){
                return window.helper.cardType(e)
            },
            userFocus(e){
                return window.helper.userFocus(e)
            }
        },
        mounted(){
            this.userId = Number(this.$route.query.userId)
            this.getList()
        },
        methods:{
            //审批取消
            auditClose(){
                this.dialogAudit = false
                console.log("审核取消")
            },
            //审批确定
            auditSubmit(){
                this.dialogAudit = false
                console.log("审批确定")
            },
            getList(){
                let datas = {userId:this.userId}
                // vipInfo(datas).then().then(res =>{
                //     console.log(res)
                //     if(!res.data.code){
                //         if(res.data.data.user){
                //             this.list1 = res.data.data.user
                //         }
                //         if(res.data.data.bankCard){
                //             this.list2 = res.data.data.bankCard
                //         }
                //         if(res.data.data.userExtra){
                //             this.list3 = res.data.data.userExtra
                //         }
                //     }else{
                //         this.$message.error("数据接口访问失败");
                //     }
                // })
                // .catch(error =>{
                //     this.$message.error(error);
                // })
            }
        }
    }
</script>

<style scoped>
    .app-container{padding: 0px!important;background: transparent}
    .form{margin-left: 268px}
    .divBox{min-width: 280px;
    color: #606266;
    text-align: center;
    border: 1px solid #E6E9F0;
    background: white;
    height: 30px;
    line-height: 30px;}
    .arrow{min-width: 280px;text-align: center}
    .recommend{min-width: 280px;
        color: #1D2023;
        font-size: 16px;
        text-align: center;
        font-weight: 500;
    }
    .divRecom{width: 48%;margin-left: 2%;float: left;}
</style>